/* 该项目使用的公用样式 */

/* 按钮 */
.create_btn {
  position: relative;
  width: 680rpx;
  margin: 150rpx auto;
}

.create_btn view {
  line-height: 90rpx;
  font-size: 30rpx;
  border-radius: 90rpx;
  margin-bottom: 20rpx;
}

.tocreate {
  width: 680rpx;
  background: #56bafe;
  color: #fff;
}

.toadd {
  border: 2rpx solid #56bafe;
  color: #56bafe;
}

/* 显示 */
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  animation-fill-mode: forwards;
  animation-duration: 0.3s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
